<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<title>底部导航</title>
		<link rel="stylesheet" type="text/css" href="./css/api.css" />
		<link rel="stylesheet" type="text/css" href="./css/style.css" />
		<link rel="stylesheet" type="text/css" href="./css/framework7.ios.colors.css" />
		<link rel="stylesheet" type="text/css" href="./css/framework7.ios.css" />
		<link rel="stylesheet" type="text/css" href="./css/font-awesome.css">
		<link rel="stylesheet" type="text/css" href="./css/styleMessage.css">
		<link rel="stylesheet" type="text/css" href="./css/framework7.indexed-list.css" />
	</head>

	<body class="theme-green">

		<!-- Views -->
		<div class="views">
			<!-- Your main view -->
			<div class="view view-main">
				<div class="toolbar tabbar tabbar-labels">
					<div class="toolbar-inner">
						<a href="#tab1" class="tab-link toolbar-reload-item no-animation" style="padding-top:2px;">
							<i class="icon icon-map-marker" style="font-size:30px;"></i>
							<span class="tabbar-label">发现</span>
						</a>
						<a href="#tab2" class="tab-link toolbar-reload-item no-animation" style="padding-top:2px;">
							<i class="icon icon-search" style="font-size:30px;"></i>
							<span class="tabbar-label">搜索</span>
						</a>
						<a href="#tab3" class="tab-link active toolbar-reload-item no-animation" style="padding-top:2px;">
							<i class="icon icon-compass" style="font-size:30px;"></i>
							<span class="tabbar-label">圈子</span>
						</a>
						<a href="#tab4" class="tab-link toolbar-reload-item no-animation" style="padding-top:2px;">
							<i class="icon icon-commenting" style="font-size:30px;"></i>
							<span class="tabbar-label">消息</span>
						</a>
						<a href="#tab5" class="tab-link toolbar-reload-item no-animation" style="padding-top:2px;">
							<i class="icon icon-user" style="font-size:30px;"></i>
							<span class="tabbar-label">我</span>
						</a>
					</div>
				</div>
				<!-- Pages -->
				<div class="pages">
					<div class="page" data-page="#">
						<div class="page-content navbar-fixed toolbar-fixed">
							<div class="navbar">
								<div class="navbar-inner">
									<div class="left">
										&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									</div>
									<div class="center">
										<span style="color: white;font-weight: 600;">消息</span>
									</div>
									<div class="right">
										<a href="html/maillist/maillist.html" class="item-link">
											<span style="color: white;font-weight: 600;">通讯录</span>
										</a>
									</div>
								</div>
							</div>
							<div class="list-block media-list" style="margin-top: 0px;">
								<ul>
									<li class="item-link item-content" style="height: 60px;">
										<div class="item-media"><img src="image/aboutmessage/quantongzhi.jpg" width="50" height="50"></div>
										<div class="item-inner">
											<div class="item-title-row" style="background: none;padding-right: 0px;">
												<div class="item-title"><span style="font-weight: bold; color: #555555;">圈通知</span></div>
												<div class="item-after" style="font-size: 6px;">5-28</div>
											</div>
										</div>
									</li>
									<li class="item-link item-content" style="height: 60px;">
										<div class="item-media"><img src="image/aboutmessage/huiyuanzhongxin.jpg" width="50" height="50"></div>
										<div class="item-inner">
											<div class="item-title-row" style="background: none;padding-right: 0px;">
												<div class="item-title"><span style="font-weight: bold; color: #555555;">哦脉会员中心</span></div>
												<div class="item-after" style="font-size: 6px;">5-28</div>
											</div>
											<div class="item-text">&nbsp;</div>
										</div>
									</li>
									<li class="item-link item-content" style="height: 60px;">
										<div class="item-media"><img src="image/aboutmessage/oumia.jpg" width="50" height="50"></div>
										<div class="item-inner">
											<div class="item-title-row" style="background: none;padding-right: 0px;">
												<div class="item-title"><span style="font-weight: bold; color: #555555;">哦脉</span></div>
												<div class="item-after" style="font-size: 6px;">5-28</div>
											</div>
											<div class="item-text">&nbsp;</div>
										</div>
									</li>
									<li class="item-link item-content" style="height: 60px;">
										<div class="item-media"><img src="image/aboutmessage/zuimeixiangyu1.jpg" width="50" height="50"></div>
										<div class="item-inner">
											<div class="item-title-row" style="background: none;padding-right: 0px;">
												<div class="item-title"><span style="font-weight: bold; color: #555555;">最美的相遇</span></div>
												<div class="item-after" style="font-size: 6px;">5-21</div>
											</div>
											<div class="item-text" style="font-size:5px;">你好，我想和你做个朋友，认识一下。</div>
										</div>
									</li>
									<li class="item-link item-content" style="height: 60px;">
										<div class="item-media"><img src="image/aboutmessage/zuimeixiangyu2.jpg" width="50" height="50"></div>
										<div class="item-inner">
											<div class="item-title-row" style="background: none;padding-right: 0px;">
												<div class="item-title"><span style="font-weight: bold; color: #555555;">最美的相遇</span></div>
												<div class="item-after" style="font-size: 6px;">5-14</div>
											</div>
											<div class="item-text" style="font-size:5px;">你好，我想和你做个朋友，认识一下。</div>
										</div>
									</li>
									<li class="item-link item-content" style="height: 60px;">
										<div class="item-media"><img src="image/aboutmessage/dongtaitongzhi.jpg" width="50" height="50"></div>
										<div class="item-inner">
											<div class="item-title-row" style="background: none;padding-right: 0px;">
												<div class="item-title"><span style="font-weight: bold; color: #555555;">动态通知</span></div>
												<div class="item-after" style="font-size: 6px;">5-14</div>
											</div>
											<div class="item-text">&nbsp;</div>
										</div>
									</li>
									<li class="item-link item-content" style="height: 60px;">
										<div class="item-media">
											<div class="item-media"><img src="image/aboutmessage/dazhaohu.jpg" width="50" height="50"></div>
										</div>
										<div class="item-inner">
											<div class="item-title-row" style="background: none;padding-right: 0px;">
												<div class="item-title"><span style="font-weight: bold; color: #555555;">打招呼</span></div>
												<div class="item-after" style="font-size: 6px;">5-7</div>
											</div>
											<div class="item-text">&nbsp;</div>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

	</body>
<script type="text/javascript" src="script/framework7.js"></script>
<script type="text/javascript" src="script/framework7.indexed-list.js"></script>
<script type="text/javascript" src="script/index.js"></script>
<script type="text/javascript" src="script/maillist.js"></script>
</html>
<!--<script type="text/javascript" src="script/api.js"></script>-->
